<div class="login-form-container container mt-5 ">
    <h2 class="jumbotron text-center">{{fromTitle}}</h2>
    <strong *ngIf="submitMessage" class="error-message">{{submitMessage}}</strong>
    <form class="text-center" (ngSubmit)="cimatchSubmit()">
        <mat-form-field class="mat-form-field">
            <input class="username" matInput placeholder="Enter username" [formControl]="username" value=''>
        </mat-form-field>

        <mat-form-field class="mat-form-field">
            <input  class="password" matInput placeholder="Enter password" [type]="hide ? 'password' : 'text'" [formControl]="password" value=''>
            <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>
        </mat-form-field>
        <div class="cimatch-buttons">
            <button mat-raised-button  color="primary">{{cimatchButton}}</button>
            <a  class="btn btn-outline-secondary" (click)="cimatchSwitch()">{{cimatchButton2}}</a>
        </div>
    </form>
</div>